/**
 * Created by Administrator on 2017/9/24.
 */
$(function () {

    $(".myCar li").click(function () {
        $("#vehicleId").val($(this).attr("data"));
        $("#vehicleForm").submit();
    });

    $(".select-detail-item li").click(function () {
        var index = $(this).attr("data");
        var spaan = $(this).find('span');
        $('#suggestI'+index).removeClass("itemok-icon").removeClass("itemng-icon");
        if(spaan.attr("data") == '0'){
            $('#suggestI'+index).addClass("itemok-icon");
        }else{
            $('#suggestI' + index).addClass("itemng-icon");
        }
        $('#suggestSpan'+index).text(spaan.attr("data-value"));
        $('#suggestP' +index).text(spaan.attr("data-text"));
        var selIndex = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        if (index != 0){
            $(this).parent().children("li").eq(selIndex -1).children("span").addClass("active");
            $(this).parent().children("li").eq(selIndex -1).siblings().children("span").removeClass("active");
        }
    });

    $(".select-lastdetail-item li").click(function () {
        $(".last-detail").hide();
        var showDiv = '#last-detail'+ $(this).attr("data");
        $(".last-detail").hide();
        $(showDiv).show();
        $(this).addClass("active").siblings().removeClass("active");
        var selIndex = $(this).index();
        if (selIndex != 0){
            $(this).parent().children("li").eq(selIndex -1).children("span").addClass("active");
            $(this).parent().children("li").eq(selIndex -1).siblings().children("span").removeClass("active");
        }
    });

    $(".select-item li").click(function () {
        $(this).addClass("active").siblings().removeClass("active");
        var tardiv = $(this).attr("data");
        $(".report-detail .lbl-item").css("color","");
        $("#"+tardiv + " .lbl-item").css("color","#fff");
        $("#"+tardiv)[0].scrollIntoView(true);
    });
});
